import QtQuick 2.4

Item {
    width: 1024
    height: 768
    property alias fake3: fake3
    property alias fake2: fake2
    property alias fake1: fake1
    property alias backButton: backButton
    property alias itemOk: itemOk
    property alias tipText: tipText
    property alias mouseArea: mouseArea

    Image {
        id: image
        anchors.fill: parent
        source: "../Images/bk/rule.jpg"
        fillMode: Image.PreserveAspectFit
    }

    Text {
        id: element
        x: 232
        y: 291
        width: 561
        height: 162
        text: "答题时需要先按下\"抢答\"按钮，然后再按下答案选项字母。\n答对一题加10分，打错一题扣5分。\n如果已经抢答但没有在规定时间内选择选项，视为答错。"
        font.bold: true
        textFormat: Text.PlainText
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignLeft
        font.pixelSize: 22
    }

    Item {
        id: itemOk
        x: 412
        y: 531
        width: 200
        height: 70

        Image {
            id: image1
            anchors.fill: parent
            source: mouseArea.pressed ? "../Images/fg/ok_p.png" : "../Images/fg/ok.png"
            fillMode: Image.PreserveAspectFit
        }

        MouseArea {
            id: mouseArea
            visible: true
            anchors.fill: parent
        }
    }

    Text {
        id: tipText
        x: 230
        y: 531
        width: 561
        height: 70
        text: qsTr("1")
        font.weight: Font.Bold
        font.bold: true
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
        font.pixelSize: 32
    }

    ImageButton {
        id: backButton
        x: 752
        y: 143
        width: 146
        height: 76
        pressedSource: "../Images/fg/back_p.png"
        source: "../Images/fg/back.png"
    }

    MouseArea {
        id: fake1
        x: 111
        y: 101
        width: 56
        height: 53
    }

    MouseArea {
        id: fake2
        x: 184
        y: 101
        width: 53
        height: 60
    }

    MouseArea {
        id: fake3
        x: 252
        y: 101
        width: 56
        height: 60
    }
}

/*##^##
Designer {
    D{i:1;anchors_height:100;anchors_width:100;anchors_x:434;anchors_y:259}D{i:4;anchors_height:100;anchors_width:100}
D{i:5;anchors_height:100;anchors_width:100}
}
##^##*/


/*##^## Designer {
    D{i:3;invisible:true}
}
 ##^##*/
